// 日期选择器范围
// .el-range-editor.el-input__inner {
//     background: var(--opacity-blue-bg2) ;
// }
// .el-date-editor .el-range-input {
//     background: transparent;
//     color: var(--white-color);
// }
// .el-date-editor .el-range-separator {
//     color: var(--white-color);
// }
// .el-picker-panel {
//     background: linear-gradient(to bottom, rgba(0,162,218,0.6) ,black);// header背景色
//     border: 1px solid gray;
// }
// .el-date-range-picker__header div {
//     color: var(--white-color);
// }
// .el-picker-panel__icon-btn {
//     color: rgba(255,255,255,0.8);
// }
// .el-date-table {
//     color: var(--white-color);
// }
// .el-date-table th {
//     color: var(--white-color);
// }

.el-date-editor .el-range__icon {
  //TODO: Maybe change back UI调整
  line-height: 26px;
}

.el-date-editor .el-range__close-icon {
  //TODO: Maybe change back UI调整
  line-height: 26px;
}

.el-date-editor .el-range-separator {
  line-height: 26px;
}

// 日期选择器范围
.el-range-editor.el-input__inner {

  background-size: unset !important;
  background-repeat: no-repeat !important;
  background-position: right top !important;
  border-radius: 4px;
}

.el-date-table th {
  border-bottom: solid 1px rgba(225, 225, 225, 1);
}

.el-date-range-picker__content.is-left {
  border-right: solid 1px rgba(225, 225, 225, 1);
}

.el-date-table td.end-date span,
.el-date-table td.start-date span {
  background-color: var(--light-blue-color);
  border-radius: 4px;
}

.el-date-table td.today span {
  color: var(--light-blue-color);
  border: 1px solid var(--light-blue-color);
  border-radius: 4px;
}

.el-date-table td.available:hover {
  color: var(--light-blue-color);
}

.el-date-table td.in-range div {
  background-color: #ccdfed;
}

// 日期选择器
// .el-date-picker__header-label {
//     color: var(--white-color);
// }
.el-date-table td.current:not(.disabled) span {
  background-color: var(--light-blue-color);
  border-radius: 4px;
}

// 时间选择器
// .el-time-panel {
//     background: linear-gradient(to bottom, rgba(0,162,218,0.6) ,black);// header背景色
//     border: 1px solid gray;
// }
// .el-time-spinner__item {
//     color: var(--white-opacity7);
// }
// .el-time-spinner__item.active:not(.disabled) {
//     color: var(--white-color);
// }
// .el-time-spinner__item:hover:not(.disabled):not(.active) {
//     background: #409EFF;
// }
.el-time-panel__content::after,
.el-time-panel__content::before {
  margin-top: -8px;
  // border-top: 1px solid gray;
  // border-bottom: 1px solid gray;
}

// .cancel {
//     color: var(--white-color);
// }
// .el-time-panel__footer {
//     border: 1px solid gray;
// }
.el-switch {

  background-size: unset !important;
  background-repeat: no-repeat !important;
  background-position: right top !important;
}

// el-form表单
.el-switch.is-checked .el-switch__core {
  border-color: var(--light-blue-color);
  background-color: var(--light-blue-color);
}

.el-switch__core {
  // background: rgba(220,223,230,0.5);
  transition: border-color 0s, background-color 0s;
}

.el-textarea__inner,
.el-textarea__inner:hover,
.el-textarea__inner:focus {
  background-color: var(--white-color);
  border: 1px solid var(--light-blue-color);
  color: var(--light-blue-color);
  border-radius: 0;

  background-size: unset !important;
  background-repeat: no-repeat !important;
  background-position: right top !important;
}

.el-picker-panel__body {
  border: 1px solid var(--light-blue-color);
}

.el-date-table td span {
  border-radius: 0;
}

.el-date-table td.start-date div {
  border-radius: 0;
}

.el-date-table td.end-date div {
  border-radius: 0;
}

.el-range-editor.is-active,
.el-range-editor.is-active:hover {
  border-color: var(--light-blue-color) !important;
}

.el-time-panel__btn.confirm {
  color: var(--light-blue-color);
}

// 年份选择器
.el-year-table td.today .cell {
  border: 1px solid var(--light-blue-color);
  color: var(--light-blue-color);
  border-radius: 4px;
}

.el-year-table td.current:not(.disabled) .cell {
  color: #fff;
  background-color: var(--light-blue-color);
  border-radius: 4px;
}

.el-year-table td .cell:hover {
  color: var(--light-blue-color);
}

// 月份范围选择器
.el-month-table td.today .cell {
  color: var(--light-blue-color);
  border: 1px solid var(--light-blue-color);
  font-weight: 600;
  border-radius: 4px;
}

.el-month-table td.in-range div,
.el-month-table td.in-range div:hover {
  background-color: #ccdfed;
}

.el-month-table td .cell {
  width: 45px;
  border-radius: 4px;
}

.el-month-table td.end-date .cell,
.el-month-table td.start-date .cell {
  background-color: var(--light-blue-color);
}

.el-year-table td.disabled .cell {
  border-radius: 4px;
}

.el-month-table td.current:not(.disabled) .cell {
  background-color: var(--light-blue-color);
  border-radius: 4px;
  color: #fff;
}

.datePicker_changeColor {
  background: #fff !important;
  border: 1px solid #b3bdca !important;

  input {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b3bdca !important;
  }

  .el-range-input:focus {
    color: #0075e9 !important;
  }

  .el-range-input::placeholder {
    color: #b3bdca !important;
  }
}